<!-- author: 汪孟苹 -->
<link rel="stylesheet" href="page/assess/css/dst/dstDetail.css"/>
<body>
	<div id="dstDetailInfoWrap" class="panel panel-default">
	  	<div class="panel-heading clearfix">
	  		<div class="pull-left">DST智能发育筛查</div>
	  		<div id="dstDetailLook" class="pull-right panel-heading-look"><i class="fa fa-folder-open" aria-hidden="true"></i>查看</div>
	  	</div>
	  	<div class="panel-body" id="dstDetailInfo"></div>
	</div>
	<div class="dstDetail-wrap clearfix">
		<div class="dstDetail-left">
			<!-- 月龄 -->
			<div class="dstDetail-monthAge">
				<div class="tab-wrap clearfix">
					<div id="arrowLeft" class="arrow-left"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>
					<div class="tab-show" id="tabShow"></div>
					<div id="arrowRight" class="arrow-right"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
				</div>
			</div>
			<!-- 题目 -->
			<div id="dstDetailQuest" class="dstDetail-quest clearfix"></div>
			<div class="dstDetail-vocabulary">*词汇类：信封、睡衣、烧焦、休息、眼睫毛、关心</div>
			<!-- 情景 -->
			<div id="dstDetailScene" class="dstDetail-scene"></div>
		</div>
		<div class="dstDetail-right">
			<!-- 三个能区 -->
			<div id="dstDetailType" class="dstDetail-af">
				<div class="item dstDetail-af-intelligence" data-type="intelligence">
					<span>智力</span>
					<i class="fa fa-check" aria-hidden="true"></i>
					<i class="fa fa-repeat" aria-hidden="true"></i>
					<i class="fa fa-ellipsis-h" aria-hidden="true"></i>
				</div>
				<div class="item dstDetail-af-sociology" data-type="sociology">
					<span>社会适应</span>
					<i class="fa fa-check" aria-hidden="true"></i>
					<i class="fa fa-repeat" aria-hidden="true"></i>
					<i class="fa fa-ellipsis-h" aria-hidden="true"></i>
				</div>
				<div class="item dstDetail-af-sports" data-type="sports">
					<span>运动</span>
					<i class="fa fa-check" aria-hidden="true"></i>
					<i class="fa fa-repeat" aria-hidden="true"></i>
					<i class="fa fa-ellipsis-h" aria-hidden="true"></i>
				</div>
			</div>
			<!-- 手动调整起始位置 -->
			<div class="dstDetail-adjust mt8">
				<div class="tit">开始<br/>年龄组</div>
				<select id="definedMonth"></select>
			</div>
			<!-- 筛查结果 -->
			<div class="dstDetail-result">
				<div class="item mt8">
					<div class="tit">顶部</div>
					<div id="topicTop" class="con">不确定</div>
				</div>
				<div class="item mt8">
					<div class="tit">底部</div>
					<div id="topicBottom" class="con">不确定</div>
				</div>
			</div>
		</div>
	</div>
	<div id="dstDetail"></div>
<script type="text/javascript">
require(['jquery','as/app/dst/dstDetail'],function($,$dstDetail){
	$dstDetail.init();  
});
</script>
</body>